import React from "react";
import Link from 'next/link'
import Script from "next/script";

function About() {
    const userIndexList: number[] = [1, 2, 3, 4, 5];

    return (
        <>
            <Script src="/staticJs.js" strategy="lazyOnload"></Script>
            <h1>about</h1>
            <h2>msg</h2>
            <div>
                <ul>
                    {
                        userIndexList.map((value) => {
                            return (
                                <li key={value}>
                                    <Link
                                        href={`user/${value}`}>
                                        <div>
                                            <a>{`user ID : ${value}`}</a>
                                            <h6>{`user ID : ${value}`}</h6>
                                        </div>
                                    </Link>
                                </li>
                            )
                        })
                    }
                </ul>
            </div>
        </>
    )
}

export default About;
